<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>个人页面</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/person.css" />
</head>

<body>

<div id="wrap">
	<div id="main">
			<div class="person-header">
				<img  src="../image/userTitle.png" />
			</div>
			<div class="person-info">
				<div class="person-info-name">皮皮虾</div>
				<div class="person-info-intro">上帝为你关上一扇门的时候，一定会为...</div>
				<div class="person-info-detail">
					<span>跑龄 2年</span>
					<span>女</span>
				</div>
				
				<div class="person-block">
					<div class="person-block-header">个人信息</div>
					<div class="person-block-detail">出生日期：1994/04/19</div>
				</div>
				
				<div class="person-block">
					<div class="person-block-header">个人标签</div>
					<div class="person-block-detail">
						<span class="person-block-label">互联网</span>
						<span class="person-block-label">互联网</span>
					</div>
				</div>
				
				<div class="person-block">
					<div class="person-block-header">活动足迹</div>
					<div class="person-block-detail">
						<span></span>深圳市－宝安中心
					</div>
				</div>
			</div>
			
			<div style="height: 10px;background-color: #EEEEEE;"></div>
			
			<div class="person-groups">
				<div class="person-groups-header">所在跑团</div>
				
				<div class="person-groups-list">
					
					<div class="person-group-item">
						<img class="group-item-logo" src="../image/checkin1.png" />	
						<div class="group-item-name">互联网</div>
					</div>	
					
					<div class="person-group-item">
						<img class="group-item-logo" src="../image/checkin1.png" />	
						<div class="group-item-name">互联网</div>
					</div>	
					
					<div class="person-group-item">
						<img class="group-item-logo" src="../image/checkin1.png" />	
						<div class="group-item-name">互联网</div>
					</div>	
					
				</div>
			</div>
			
    </div>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	apiready = function(){
		
	};
</script>
</html>